<template>
    <el-form-item label-width="0">
        <el-divider class="custom-divider-margin-top">表格容器配置</el-divider>
        <div class="boxContainer-editor">
            <div>
                <span class="label_">是否多选11</span>
                <el-switch v-model="optionModels.isBatch"></el-switch>
            </div>
            <div v-if="optionModels.isBatch">
                <span class="label_">批量删除</span>
                <el-switch v-model="optionModels.isBatchDel"></el-switch>
            </div>
            <div>
                <span class="label_">展示操作栏</span>
                 <el-switch v-model="optionModels.operateColumn"></el-switch>
            </div>
            <div>
                <span class="label_">是否展示搜索</span>
                 <el-switch v-model="optionModels.showSearch"></el-switch>
            </div>
            <div>
                <span class="label_">是否展示分页</span>
                 <el-switch v-model="optionModels.pagination"></el-switch>
            </div>
            <div>
                <span class="label_">是否可以新增</span>
                 <el-switch v-model="optionModels.showAdd"></el-switch>
            </div>
            <div>
                <span class="label_">是否展示刷新</span>
                 <el-switch v-model="optionModels.refresh"></el-switch>
            </div>
            <div>
                <span class="label_">是否操作列</span>
                 <el-switch v-model="optionModels.columnSelect"></el-switch>
            </div>
            <div>
                <span class="label_">是否排序</span>
                 <el-switch v-model="optionModels.sort"></el-switch>
            </div>
        </div>
    </el-form-item>
</template>
<script>

import i18n from "@/utils/i18n";

export default {
    name: "dataViewConfig-editor",
    components: {},
      mixins: [i18n],
    props: {
        designer: Object,
        selectedWidget: Object,
        optionModel: Object,
    },
    computed: {
        optionModels() {
            return this.selectedWidget.options.dataViewConfig || {}
        }
    },
    data() {
        return {}
    }

}
</script>
<style scoped lang="scss">
.boxContainer-editor {
  > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 5px;

    .el-input {
      width: calc(100% - 132px);
    }

    .label_ {
      display: inline-block;
      width: 120px;
      box-sizing: border-box;
      padding-right: 12px;
      font-size: 13px;
      color: #606266;
    }
  }
}
</style>
